<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title></title>
<link rel="stylesheet" href="../layui/css/layui.css">
<link rel="stylesheet" href="../css/general.css">
<link rel="stylesheet" href="../css/financial_affairs/index.css">
</head>
<body class="layui-layout-body">
<div  id="fund-index" class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo"><img src="../img/common/logo.jpg" alt=""></div>
		<!-- 头部区域（可配合layui已有的水平导航） -->
		<h1>魔力公寓</h1>
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item"> <a href="javascript:;">{{userinfo.loginName}}<img src="../img/common/icon07.gif" class="layui-nav-img"></a>
				<dl class="layui-nav-child">
					<dd><a href="../staff/modify_password.html"><img src="../img/common/icon08.png" alt=""><span>修改密码</span></a></dd>
					<dd><a href="../staff/bank_card.html"><img src="../img/common/icon09.png" alt=""><span>银行卡信息</span></a></dd>
					<dd><a href="javascript:;" @click.stop="doLogout"><img src="../img/common/icon10.png" alt=""><span>安全退出</span></a></dd>
				</dl>
			</li>
		</ul>
	</div>
	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll"> 
			<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
			<ul class="layui-nav layui-nav-tree"  lay-filter="test">
				<li class="layui-nav-item"><a href="../survey/index.html"><img src="../img/common/icon01.png" alt="">概况</a></li>
				<li class="layui-nav-item"><a href="../rental/index.html"><img src="../img/common/icon02.png" alt="">租务</a></li>
				<li class="layui-nav-item on"><a href="../financial_affairs/index.html"><img src="../img/common/icon03.png" alt="">财务</a></li>
				<li class="layui-nav-item"><a href="../reports/index.html"><img src="../img/common/icon04.png" alt="">报表</a></li>
				<li class="layui-nav-item"><a href="../separate_accounts/index.html"><img src="../img/common/icon05.png" alt="">分账</a></li>
				<li class="layui-nav-item"><a href="../staff/index.html"><img src="../img/common/icon06.png" alt="">员工</a></li>
			</ul>
		</div>
	</div>
	<div class="layui-body"> 
		<!-- 内容主体区域 -->
		<div class="leftContent">
			<p class="layui-title">账务管理</p>
			<ul class="layui-menu">
				<li><a href="index.html" class="on">资金流水</a></li>
				<li><a href="transaction.html">交易明细</a></li>
				<li><a href="refundment.html">退款处理</a></li>
			</ul>
		</div>
		<div class="rightContent">
			<div class="section">
				<div class="layui-funds">
					<ul class="clearfix">
						<li>
							<dl>
								<dt>已提现金额（元）</dt>
								<dd v-text="acctFundInfo.aCashAmt"></dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt>待结算金额（元）</dt>
								<dd><span v-text="acctFundInfo.settlement"></span></dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt>账户余额（元）<a href="javascript:;" @click.prevent.stop="opendrawCash">提现</a><span v-text="'可提现'+acctFundInfo.cashAmt+'元'"></span></dt>
								<dd v-text="acctFundInfo.balance"></dd>
							</dl>
						</li>
					</ul>
				</div>
				<div class="layui-detail">
					<div class="layui-date">
						<input :class="status.startDateClassObj" @focus="changeStatus('startDateClassObj', 'isActive')" @blur="changeStatus('startDateClassObj', 'isFinish')" type="text" id="startDate" v-model="search.startDate">
						-
						<input :class="status.endDateClassObj" @focus="changeStatus('endDateClassObj', 'isActive')" @blur="changeStatus('endDateClassObj', 'isFinish')" type="text" id="endDate" v-model="search.endDate">
					</div>
					<table class="layui-table" lay-even>
						<colgroup>
						<col width="11%">
						<col width="11%">
						<col width="11%">
						<col width="11%">
						<col width="11%">
						<col width="11%">
						<col width="14%">
						<col width="11%">
						<col width="9%">
						<col>
						</colgroup>
						<thead>
							<tr>
								<th>订单号</th>
								<th>支付流水号</th>
								<th>交易流水号</th>
								<th>交易类型</th>
								<th>时间</th>
								<th>金额（元）</th>
								<th>交易来源</th>
								<th>交易状态</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody v-if="datas.billList.length>0">
							<tr v-for="t in datas.billList">
								<td v-text="t.billNo">34828101023</td>
								<td v-text="t.payNo">24657886</td>
								<td v-text="t.tranFlowNo">324905034009</td>
								<td v-text="t.tranType">平台手续费</td>
								<td v-text="t.tranTime">2018.02.24  15:54:34</td>
								<td ><img src="../img/common/icon18.gif" alt=""><span class="add">{{t.tranAmount}}</span></td>
								<td>{{t.tranSource}}</td>
								<td v-if="t.status==0"><span class="await">创建</span></td>
								<td v-if="t.status==1"><span class="await">成功</span></td>
								<td v-if="t.status==2"><span class="await">失败</span></td>
								<td v-if="t.status==3"><span class="await">取消</span></td>
								<td v-if="t.status==4"><span class="await">关闭</span></td>
								<td><a href="#" class="layui-btn">详情</a></td>
							</tr>
							<!--<tr >
								<td>34547688343534</td>
								<td>24657886</td>
								<td>324905034009</td>
								<td>平台手续费</td>
								<td>2018.02.24  15:54:34</td>
								<td><img src="../img/common/icon19.gif" alt=""><span class="reduce">2100.00</span></td>
								<td>平台：本地智慧科技有限公司</td>
								<td><span class="await">待结算</span></td>
								<td><a href="#" class="layui-btn">详情</a></td>
							</tr>
							<tr>
								<td>34547688343534</td>
								<td>24657886</td>
								<td>324905034009</td>
								<td>平台手续费</td>
								<td>2018.02.24  15:54:34</td>
								<td><img src="../img/common/icon18.gif" alt=""><span class="add">158.00</span></td>
								<td>（垫付）用户：小东</td>
								<td>已完成</td>
								<td><a href="#" class="layui-btn">详情</a></td>
							</tr>
							<tr>
								<td>34547688343534</td>
								<td>24657886</td>
								<td>324905034009</td>
								<td>押金</td>
								<td>2018.02.24  15:54:34</td>
								<td><img src="../img/common/icon19.gif" alt=""><span class="reduce">2100.00</span></td>
								<td>(垫付）用户：小明</td>
								<td>已完成</td>
								<td><a href="#" class="layui-btn">详情</a></td>
							</tr>
							<tr>
								<td>34547688343534</td>
								<td>24657886</td>
								<td>324905034009</td>
								<td>提现</td>
								<td>2018.02.24  15:54:34</td>
								<td><img src="../img/common/icon18.gif" alt=""><span class="add">1424.00</span></td>
								<td>供应商：深圳市南山基友科技有限公司</td>
								<td>已完成</td>
								<td>-</td>
							</tr>
							<tr>
								<td>34547688343534</td>
								<td>24657886</td>
								<td>324905034009</td>
								<td>平台手续费</td>
								<td>2018.02.24  15:54:34</td>
								<td><img src="../img/common/icon18.gif" alt=""><span class="add">2100.00</span></td>
								<td>（垫付）用户：芳醇山</td>
								<td>已完成</td>
								<td><a href="#" class="layui-btn">详情</a></td>
							</tr>
							<tr>
								<td>34547688343534</td>
								<td>24657886</td>
								<td>324905034009</td>
								<td>提现</td>
								<td>2018.02.24  15:54:34</td>
								<td><img src="../img/common/icon18.gif" alt=""><span class="add">1424.00</span></td>
								<td>用户：小红</td>
								<td>已完成</td>
								<td>-</td>
							</tr>
							<tr>
								<td>34547688343534</td>
								<td>24657886</td>
								<td>324905034009</td>
								<td>平台手续费</td>
								<td>2018.02.24  15:54:34</td>
								<td><img src="../img/common/icon19.gif" alt=""><span class="reduce">2100.00</span></td>
								<td>用户；琳琳</td>
								<td><span class="await">待结算</span></td>
								<td><a href="#" class="layui-btn">详情</a></td>
							</tr>-->
						</tbody>
					</table>
					<div v-if="datas.billList.length>0" id="laypage"></div>
					<div v-if="datas.billList.length==0" class="nothing-box">暂无资金流水</div>
				</div>
				<div class="binding">
					<div class="close"><img src="../img/common/close_img.gif" alt=""></div>
					<p class="message">请先绑定提现银行卡。</p>
					<ul class="submit clearfix">
						<li>
							<button class="layui-btn layui-btn-primary layui-btn-primary02" lay-submit lay-filter="formDemo">取消</button>
						</li>
						<li>
							<button class="layui-btn layui-btn-primary" lay-submit lay-filter="formDemo">确定</button>
						</li>
					</ul>
				</div>
				<div class="extract" v-show="show=='extract'">
					<p class="headline">提现</p>
					<dl class="clearfix">
						<dt>到账银行卡</dt>
						<dd>{{bankCard.bankNumber.substr(0,bankCard.bankNumber.length-4)}}<span class="tail" v-text="bankCard.bankNumber.substr(-4)">9576</span>{{bankCard.bankName}}</dd>
						<dt class="dtStyle">提现金额</dt>
						<dd>
							<div class="inner">
								<input v-model.number="amount" type="number" placeholder="请输入提现金额" autocomplete="off" class="layui-input">
								<span>元</span></div>
							<p v-text="'当前可提现余额'+acctFundInfo.cashAmt+'元'">18900.00<span><a href="javascript:;" class="layui-btn">全部提现</a></span></p>
						</dd>
					</dl>
					<ul class="submit clearfix">
						<li>
							<button @click.prevent="goPrev" class="layui-btn layui-btn-primary layui-btn-primary03" lay-submit lay-filter="formDemo">上一步</button>
						</li>
						<li>
							<button @click.prevent="withdrawCash" class="layui-btn layui-btn-primary" lay-submit lay-filter="formDemo">提现</button>
						</li>
					</ul>
				</div>
				<div class="shortage">
					<div class="close"><img src="../img/common/close_img.gif" alt=""></div>
					<p class="message">剩余资金不足以支付提现手续费110.00元，当前最大可提现金额为5800.00元。<br>
						是否要全部提现？</p>
					<ul class="submit clearfix">
						<li>
							<button class="layui-btn layui-btn-primary layui-btn-primary03" lay-submit lay-filter="formDemo">取消</button>
						</li>
						<li>
							<button class="layui-btn layui-btn-primary" lay-submit lay-filter="formDemo">全部提现</button>
						</li>
					</ul>
				</div>
				<div class="verification">
					<div class="close"><img src="../img/common/close_img.gif" alt=""></div>
					<div class="textBox">
						<dl class="clearfix">
							<dt>提现金额</dt>
							<dd>&yen;<span class="money">5800.00</span><span class="deduct">额外扣除5.8元手续费</span></dd>
						</dl>
						<p>请完成手机验证：159*****4826</p>
						<div class="code">
							<input type="text" name="code" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
							<button class="layui-btn">获取验证码</button>
						</div>
						<p class="reacquire">验证码错误,59s后重新获取</p>
					</div>
					<ul class="submit clearfix">
						<li>
							<button class="layui-btn layui-btn-primary layui-btn-primary02" lay-submit lay-filter="formDemo">取消</button>
						</li>
						<li>
							<button class="layui-btn layui-btn-primary" lay-submit lay-filter="formDemo">提现</button>
						</li>
					</ul>
				</div>
				<div class="success">
					<div class="close"><img src="../img/common/close_img.gif" alt=""></div>
					<p class="message">5800.00元提现申请已成功发送至银行，请等待银行通知。</p>
					<ul class="submit clearfix">
						<li>
							<button class="layui-btn layui-btn-primary" lay-submit lay-filter="formDemo">确定</button>
						</li>
					</ul>
				</div>
				<div class="failure">
					<div class="close"><img src="../img/common/close_img.gif" alt=""></div>
					<p class="message">提现失败，错误码【8008】。请稍后再试。</p>
					<ul class="submit clearfix">
						<li>
							<button class="layui-btn layui-btn-primary" lay-submit lay-filter="formDemo">确定</button>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="../layui/layui.js"></script>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/moment.min.js"></script>
<script src="../js/storejson2.min.js"></script>
<script src="../js/mock.js"></script>
<script src="../js/mockdata.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/vue.global.js"></script>
<script src="../js/financial_affairs/index.js"></script>
</body>
</html>